import {NButton, NResult} from "naive-ui";
import {defineComponent} from "vue";

/**
 * 404 资源缺失组件
 */
export default defineComponent({
  name: "Err404Page",
  components: { NResult, NButton },
  setup() {
    return () => (
      <main class="w-full h-screen flex flex-col justify-center">
        <NResult
          size="huge"
          status="404"
          title="404 资源不存在"
          description="生活总归带点荒谬"
          v-slots={{ footer: () => <NButton>找点乐子吧</NButton> }}
        ></NResult>
      </main>
    );
  },
});
